<template>
  <view class="avatarBox" @tap="Login">
    <view class="avatar">
      <uni-icons type="person-filled" color="#ddd" size="54" />
    </view>
    <view class="nickname">登录/注册</view>
    <view class="info">一起见证更精彩的世界！ </view>
  </view>
</template>
<script lang="ts" setup>
const Login = () => {
  uni.navigateTo({
    url:"/subpackage/login/login"
  })
  }
</script>
<style lang="scss" scoped>
.avatarBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  height: 380rpx;
  background: linear-gradient(to right bottom, #7bd686, #4c9872);
  margin: 30rpx 40rpx;
  margin-top: 90rpx;
  border-radius: 100rpx;
  .avatar {
    margin-top: 20rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160rpx;
    height: 160rpx;
    border-radius: 50%;
    background-color: #ccc;
  }

  .nickname {
    margin-top: 20rpx;
    font-family: '微软雅黑';
    font-size: 40rpx;
    color: #000;
    font-weight: 700;
  }
  .info {
    margin-top: 20rpx;
    font-size: 26rpx;
    padding-right: 10rpx;
  }
}
</style>
